<!doctype html>
<html lang="en" class="fixed sidebar-left-collapsed" xmlns:th="http://www.thymeleaf.org">
<head>

    <!-- Basic -->
    <meta charset="UTF-8">

    <title>服务器错误</title>

    <!-- Web Fonts  -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

    <!-- Vendor CSS -->
    <link rel="stylesheet" th:href="@{/vendor/bootstrap/css/bootstrap.css}" />
    <link rel="stylesheet" th:href="@{/vendor/font-awesome/css/font-awesome.css}" />
    <link rel="stylesheet" th:href="@{/vendor/magnific-popup/magnific-popup.css}" />
    <link rel="stylesheet" th:href="@{/vendor/bootstrap-datepicker/css/datepicker3.css}" />

    <!-- Theme CSS -->
    <link rel="stylesheet" th:href="@{/stylesheets/theme.css}" />

    <!-- Skin CSS -->
    <link rel="stylesheet" th:href="@{/stylesheets/skins/default.css}" />

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" th:href="@{/stylesheets/theme-custom.css}">

    <!-- Head Libs -->
    <script th:src="@{/vendor/modernizr/modernizr.js}"></script>

</head>
<body>
<section class="body">

    <!-- 头部 -->
    <div th:replace="~{commons/commons::header}"></div>

    <div class="inner-wrapper">

        <!-- 左侧边栏 -->
        <div th:replace="~{commons/commons::sidebar-admin}"></div>

        <!-- 主体 -->
        <section role="main" class="content-body">
            <header class="page-header">
                <h2>500</h2>

                <div class="right-wrapper pull-right">
                    <ol class="breadcrumbs">
                        <li>
                            <a href="../index.html">
                                <i class="fa fa-home"></i>
                            </a>
                        </li>
                        <li><span>500</span></li>
                    </ol>

                    <a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
                </div>
            </header>

            <!-- start: page -->
            <section class="body-error error-outside">
                <div class="center-error">
                    <div class="row">
                        <div class="col-md-8">
                            <div class="main-error mb-xlg">
                                <h2 class="error-code text-dark text-center text-semibold m-none">500 <i class="fa fa-file"></i></h2>
                                <p class="error-explanation text-center">非常抱歉，服务器发生了一些错误！</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <h4 class="text">您可以去这里看看</h4>
                            <ul class="nav nav-list primary">
                                <li>
                                    <a th:href="@{/main.html}"><i class="fa fa-caret-right text-dark"></i>主页</a>
                                </li>
                                <li>
                                    <a th:href="@{pages-user-profile.html}"><i class="fa fa-caret-right text-dark"></i>个人资料</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
            <!-- end: page -->
        </section>
    </div>

    <!-- 右侧边栏 -->
    <div th:replace="~{commons/commons::sidebar-right}"></div>
</section>

<!-- Vendor -->
<script th:src="@{vendor/jquery/jquery.js}"></script>
<script th:src="@{vendor/jquery-browser-mobile/jquery.browser.mobile.js}"></script>
<script th:src="@{/vendor/bootstrap/js/bootstrap.js}"></script>
<script th:src="@{vendor/nanoscroller/nanoscroller.js}"></script>
<script th:src="@{vendor/bootstrap-datepicker/js/bootstrap-datepicker.js}"></script>
<script th:src="@{vendor/magnific-popup/magnific-popup.js}"></script>
<script th:src="@{vendor/jquery-placeholder/jquery.placeholder.js}"></script>

<!-- Specific Page Vendor -->

<!-- Theme Base, Components and Settings -->
<script th:src="@{/javascripts/theme.js}"></script>

<!-- Theme Custom -->
<script th:src="@{/javascripts/theme.custom.js}"></script>

<!-- Theme Initialization Files -->
<script th:src="@{/javascripts/theme.init.js}"></script>

</body>
</html>